<ui:composition template="#{facesContext.externalContext.requestContextPath}/../templates/template.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:composite="http://java.sun.com/jsf/composite">

	<ui:define name="comandos">
			<p:commandButton value="Abrir" action="#{abrirMesaFaces.abrirMesaAction}" id="btAbrir" styleClass="botaoPequeno" ajax="false" 
				disabled="#{abrirMesaFaces.clienteSelecionado == null or abrirMesaFaces.mesaSelecionada == null}" />
			<p:commandButton value="Cancelar" action="#{abrirMesaFaces.voltarAction}" styleClass="botaoPequeno" ajax="false" />
	</ui:define> 
	 
	<ui:define name="titulopagina">
		<h:outputLabel value="#{abrirMesaFaces.titulo}" />
	</ui:define>
	
	<ui:define name="conteudo">
			<p:fieldset legend="Selecionar Cliente"  id="setCliente" >
				<h:outputLabel value="Cliente Selecionado: " rendered="#{abrirMesaFaces.clienteSelecionado != null}"/>
				<b><h:outputLabel value="#{abrirMesaFaces.clienteSelecionado.nome}" rendered="#{abrirMesaFaces.clienteSelecionado != null}" /></b>
				<h:outputLabel value="Nenhum Cliente cadastrado!" rendered="#{abrirMesaFaces.clienteSelecionado == null and empty abrirMesaFaces.listaClientes }"/>
				<p:dataTable value="#{abrirMesaFaces.listaClientes}" var="item" width="100%" border="1" 
						rendered="#{abrirMesaFaces.clienteSelecionado == null}" >				
					<p:column>
						<f:facet name="header">
							<h:outputLabel value="Nome" />
							</f:facet>
						<h:outputLabel value="#{item.nome}" />
					</p:column>
					<p:column>
						<f:facet name="header">
							<h:outputLabel value="Endereco" />
						</f:facet>
						<h:outputLabel value="#{item.endereco}" />
					</p:column>
					<p:column>
						<f:facet name="header">
							<h:outputLabel value="Data Cadastro" />
						</f:facet>
						<h:outputLabel value="#{item.cadastro}" >
							 <f:convertDateTime pattern="dd/MM/yyyy"/>  
						</h:outputLabel>
					</p:column>
					<p:column>
						<f:facet name="header">
							<h:outputLabel value="Acao" />  
						</f:facet>
						<p:commandButton value="Selecionar" action="#{abrirMesaFaces.selecionarClienteAction}" styleClass="botaoPequeno"  
								update=":form:setMesa, :form:btAbrir, :form:setCliente" >
							<f:setPropertyActionListener target="#{abrirMesaFaces.clienteSelecionado}" value="#{item}" />
						</p:commandButton>						
					</p:column>
				</p:dataTable>				
			</p:fieldset>
			<br />
			<br />						
			<p:fieldset id="setMesa" legend="Selecionar Mesa">
				<h:outputLabel value="Mesa Selecionada: Mesa numero " rendered="#{abrirMesaFaces.mesaSelecionada != null}"/>
				<b><h:outputLabel value="#{abrirMesaFaces.mesaSelecionada.numero}" rendered="#{abrirMesaFaces.mesaSelecionada != null}" /></b>
				<h:outputLabel value=", com capacidade para " rendered="#{abrirMesaFaces.mesaSelecionada != null}"/>
				<b><h:outputLabel value="#{abrirMesaFaces.mesaSelecionada.capacidade}" rendered="#{abrirMesaFaces.mesaSelecionada != null}" /></b>
				<h:outputLabel value=" pessoas." rendered="#{abrirMesaFaces.mesaSelecionada != null}" />
				<p:dataTable value="#{abrirMesaFaces.listaMesasLivres}" var="item" width="100%" border="1"
					rendered="#{abrirMesaFaces.mesaSelecionada == null}" >				
					<p:column>
						<f:facet name="header">
							<h:outputLabel value="Numero" />
							</f:facet>
						<h:outputLabel value="#{item.numero}" />
					</p:column>
					<p:column>
						<f:facet name="header">
							<h:outputLabel value="Capacidade" />
							</f:facet>
						<h:outputLabel value="#{item.capacidade}" />
					</p:column>				
					<p:column>
						<f:facet name="header">
							<h:outputLabel value="Acao" />
						</f:facet>
						<p:commandButton value="Selecionar" action="#{abrirMesaFaces.selecionarMesaAction}"
							styleClass="botaoPequeno" update=":form:setMesa, :form:btAbrir" >
							<f:setPropertyActionListener target="#{abrirMesaFaces.mesaSelecionada}" value="#{item}" />
						</p:commandButton>					
					</p:column>
				</p:dataTable>
			</p:fieldset>
			
		<div style="clear:both;"></div>
	</ui:define>

</ui:composition>